<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帐号中心-账号与安全</title>
    <link href="../assets/common/images/favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link href="../assets/common/css/ec.core.css" rel="stylesheet" type="text/css">
    <link href="../assets/common/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
    <link href="../assets/common/css/jquery.cascrop.css" rel="stylesheet" type="text/css">
    <link href="../assets/common/css/common.css" rel="stylesheet" type="text/css">
    <link href="../assets/common/css/dialog.css" rel="stylesheet" type="text/css">
    <link href="../assets/user-center/css/common.css" rel="stylesheet" type="text/css">
    <link href="../assets/user-center/css/zh-cn_css.css" rel="stylesheet" type="text/css">
    <script type="text/javascript"> var localHttps = "/user/"; var phone = '15964799184'//请求地址</script>
    <script src="../assets/libs/jquery-1.12.4.min.js"></script>
    <script src="../assets/libs/tool.class.js?a0021"></script>
    <script src="../assets/user-center/js/dialog_handler.js?a0021"></script>


    <style type="text/css">object, embed {
        -webkit-animation-duration: .001s;
        -webkit-animation-name: playerInserted;
        -ms-animation-duration: .001s;
        -ms-animation-name: playerInserted;
        -o-animation-duration: .001s;
        -o-animation-name: playerInserted;
        animation-duration: .001s;
        animation-name: playerInserted;
    }

    @-webkit-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }

    @-ms-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }

    @-o-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }</style>
</head>
<body class="userCenter-ucSecurity">
<!--头部-->
<div class="topbar1">
    <div class="tp wp mkcl">
        <div class="childLogo1">
            <span class="s1"> <img src="../assets/common/logos/head-top.png"></span>
        </div>
        <div class="tbr1">
            <b class="user"></b>
            <a class="account userAccount space-pre" href="#">159****9184</a>
            <span> | </span>
            <a id="logoutUrl" href="#">退出</a>
        </div>
        <div class="left1">
            <p class="s2"><span>|</span>
                <span class="logo_text1">帐号中心</span></p>
        </div>

    </div>
</div>
<div id="showSupportInfo" style="display:none;"></div>
<!--导航-->
<div class="menu wp mkcl">
    <div class="mnr">
        <ul class="nav mkcl">
            <li data-menu="1" class="sel">
                <a href="#">帐号与安全</a>
            </li>

            <li data-menu="2" class="">
                <a class="menuSlt_info_a"
                   href="#">个人信息
                    <span class="menuSlt_info_circle_red"></span>
                </a>
            </li>

            <li data-menu="5" class="">
                <a href="#">安全中心</a>
            </li>

            <li data-menu="4" class="" id="setting_btn">
                <a href="#">设置</a>
            </li>
        </ul>
        <b class="navsign" style="display:none"></b>
    </div>

</div>
<!--内容-->
<div class="wp">
    <div class="pannel account-panel">
        <div class="ptitle2 account_column">帐号</div>
        <div class="uc-account-des">用于登录和验证身份，同时也是您个人信息的一部分。如有更换，请及时更新。</div>
        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span id="changePhoneBtn_0" class="btn completeInfo">更换</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/phone.png">
                <div class="detail">
                    <p class="dtop">手机号
                        <span class="userAcctColor" id="phoneExp_0" anonyaccount="159****9184">15964799184</span>
                        <span type="hidden" id="phoneVal_0" class="hidden userAcctColor"
                              value="15964799184">15964799184</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span id="bindEmailBtn" class="btn completeInfo">绑定</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/Email.png">
                <div class="detail">
                    <p class="dtop">邮件地址 <span class="userAcctColor" id="emailVal_" anonyaccount=""> </span>
                        <span>(未绑定)</span></p>
                </div>
            </div>
        </div>
    </div>
    <div class="pannel">
        <div class="ptitle2">绑定</div>

        <div class="line" id="dvThirdAcc">
            <div class="uctb mkcl">
                <!-- 绑定/解绑按钮 -->
                <div class="r">
                    <span id="btnBound0" class="btn completeInfo long-unbindBtn"
                          x-data="https://">绑定</span>
                    <span id="btnTips0"></span>
                </div>
                <img class="l thirdAccInfoImg"
                     src="../assets/user-center/images/wap_weixin.png">
                <div class="detail thirdAccountStyle">
                    <p class="dtop">微信</p>
                </div>
            </div>
        </div>

        <div class="line" id="dvThirdAcc">
            <div class="uctb mkcl">
                <!-- 绑定/解绑按钮 -->
                <div class="r">
                    <span id="btnBound1" class="btn completeInfo long-unbindBtn"
                          x-data="https://">绑定</span>
                    <span id="btnTips1"></span>
                </div>
                <img class="l thirdAccInfoImg"
                     src="../assets/user-center/images/wap_qq.png">
                <div class="detail thirdAccountStyle">
                    <p class="dtop">QQ</p>
                </div>
            </div>
        </div>

        <div class="line" id="dvThirdAcc">
            <div class="uctb mkcl">
                <!-- 绑定/解绑按钮 -->
                <div class="r">
                    <span id="btnBound2" class="btn completeInfo long-unbindBtn"
                          x-data="https://">绑定</span>
                    <span id="btnTips2"></span>

                </div>

                <img class="l thirdAccInfoImg"
                     src="../assets/user-center/images/wap_weibo.png">
                <div class="detail thirdAccountStyle">
                    <p class="dtop">微博</p>
                </div>
            </div>
        </div>

    </div>


    <div class="pannel">
        <div class="ptitle2">安全</div>

        <div class="line">
            <div class="uctb mkcl">

                <div class="r">
                    <b class="accountProtectOpen completeInfo" id="twoVerifyBtn" optype="1">已开启</b>
                </div>

                <img class="l"
                     src="../assets/user-center/images/account_p.png">
                <div class="detail">
                    <p class="dtop">帐号保护</p>
                    <p>开启后，在非受信任设备或网站上登录，需通过验证码验证身份。</p>
                </div>
            </div>
        </div>

        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span id="security_phone_set_btn" class="btn  completeInfo">设置</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/lock_e.png">
                <div class="detail">
                    <p class="dtop">安全手机号 <span id="security_phone_text">(未设置)</span><span
                            id="security_phone_tip"></span></p>
                    <p>用于重置密码和验证身份</p>
                </div>
            </div>
        </div>

        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span id="security_email_set_btn" class="btn  completeInfo">设置</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/lock_e.png">
                <div class="detail">
                    <p class="dtop">安全邮件地址 <span id="security_email_text">(未设置)</span></p>
                    <p>用于重置密码和验证身份</p>
                </div>
            </div>
        </div>


        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span id="cpsw" class="btn completeInfo">修改</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/modify.png">
                <div class="detail">
                    <p class="dtop modifyPwd">修改密码</p>
                </div>
            </div>
        </div>


        <!-- 针对全面登出进行相关的开发 -->
        <div class="line">
            <div class="uctb mkcl">
                <div class="r">
                    <span class="btn completeInfo" id="logoutAllBrowser">退出</span>
                </div>
                <img class="l"
                     src="../assets/user-center/images/ic_quit.png">
                <div class="detail">
                    <p class="dtop">从所有浏览器退出</p>
                    <!-- 立即退出当前帐号在所有浏览器的登录 -->
                    <p>立即退出当前帐号在所有浏览器的登录</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!--底部-->
<div class="wp ft">
    <p>
        <a href=""
           class="rule" target="_blank">华为帐号用户协议</a>
        <em class="foot_em">|</em>
        <a href="#"
           class="rule" target="_blank">关于华为帐号与隐私的声明</a>
        <em class="foot_em">|</em>
        <a href="#"
           class="ifaq" target="_blank">常见问题</a>
    </p>

    <p>Copyright © 2011-2018 华为技术有限公司 版权所有 保留一切权利&nbsp;&nbsp;苏B2-20070200号 | 苏ICP备09062682号-9</p>
    <p></p>
</div>

<!--弹窗-->

<script src="../assets/user-center/js/account_security.js?a0021" ></script>
</body>
</html>